  .gg9-style(gg9, 34px, 9px);
  //@public
  .gg9-style(@v, @keyHeight1, @keyHeight2) {
    .@{v} b.l,
    .@{v} b.r {
      display: block;
      font-size: 0;
      width: @keyHeight2;
      padding-bottom: 10000px;
      margin-bottom: -10000px;
      background: url('../images/@{v}_v1.png') no-repeat;
    }
    .@{v}-hd>.bd,
    .@{v}-ft>.bd {
      background: url('../images/@{v}_v2.png') repeat-x;
    }
    .@{v}-hd>.bd,
    .@{v}-bd>.bd,
    .@{v}-ft>.bd {
      margin: 0 @keyHeight2;
    }

    .@{v}-ft b{
      &.l{
        background-position: -@keyHeight2 -@keyHeight1;
      }
      &.r{
        background-position: -@keyHeight2*2 -@keyHeight1;
      }
    }

    .@{v}{
      &-hd{
        line-height: @keyHeight1;
        & > .bd{
          height: @keyHeight1;
          background-position: 0 0;
        }
        b{
          &.l{
            background-position: -@keyHeight2 0;
          }
          &.r{
            background-position: -@keyHeight2*2 0;
          }
        }
      }
      &-bd{
        b{
          &.r{
            background-position: -@keyHeight2*3 0;
          }
        }
      }
      &-ft{
        line-height: @keyHeight2;
        & > .bd{
          height: @keyHeight2;
          background-position: 0 -@keyHeight1;
        }
        b{
          &.l{
            background-position: -@keyHeight2 -@keyHeight1;
          }
          &.r{
            background-position: -@keyHeight2*2 -@keyHeight1;
          }
        }
      }
    }
  }
